 <template>
    <div class="Sharedincome">
        <headerTou title="亲友消费共享收益" :isfanhui=true url='My'></headerTou>
        <div class="xiaofei">
            <div class="div1">
                <div class="sum">总消费</div>
                <div class="title">9823.23</div>
            </div>
            <div class="div1">
                 <div class="sum">共享收益</div>
                <div class="title">9823.23</div>
            </div>
        </div>
        <carxinxi :data=data :isshow=true></carxinxi>
          <carxinxi :data=data :isshow=true></carxinxi>
            <carxinxi :data=data :isshow=true></carxinxi>
              <carxinxi :data=data :isshow=true></carxinxi>
                <carxinxi :data=data :isshow=true></carxinxi>
    </div>
</template>
<script>
import headerTou from "./zujian/header.vue";
import carxinxi from "./zujian/carxinxi.vue";
export default {
  data() {
    return {
      data: {
        img: require("../img/Rectangle@2x.png"),
        DetailsName: "段会青",
        phone: "消费：30002.3",
        Detailsdate: "2018-01-01",
        qianshu: "-12.00"
      }
    };
  },
  created() {},
  mounted() {},
  methods: {},
  components: { headerTou, carxinxi }
};
</script>
<style lang="scss" scoped>
.Sharedincome {
  .xiaofei {
    width: 750px;
    height: 77 * 2px;
    border-bottom: 0.013333rem solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    .div1 {
      width: 375px;
      height: 100%;
      padding-left: 30px;
      box-sizing: border-box;
      border-left: 0.013333rem solid #e5e5e5;
      display: flex;
      flex-wrap: wrap;
      div {
        width: 100%;
        line-height: 77px;
      }
      .sum {
        font-family: PingFangSC-Regular;
        font-size: 32px;
        color: #333333;
      }
      .title {
        font-family: SFUIText-Regular;
        font-size: 44px;
        color: #333333;
      }
    }
  }
}
</style>

